<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            push()
            unshift()
            splice() // 传入三个参数(开始位置,要删除的元素数量,插入的元素)
            concat()
        **/ 
            // Splice(index,1)是删除元素index--两个参数就是删除
            // Splice(index,1,xx)是在index替换成元素xx
            // Splice(index,0,xx)是在index的位置新增
        let colors = ["red", "green", "blue"];
        colors.splice(1,1);// ["red", "blue"]
        console.log(colors); 
        
        // colors.splice(1,0,'pink') //位置1新增pink
        // colors.splice(1,1,'yellow')//位置1替换成yellow
        // console.log(colors);// ["red", 'pink',"green", "blue"]
        


        /***
         * 改
         *  pop() 删除最后一项
         *  shift() 删除最后一项
         *  slice() 不会影响原数组
         * **/ 


        /**
         * 查
         * indexOf 没找到就返回-1
         * find() 返回一个对象元素
         * includes() 返回true/false
         * */  


        /*
        排序
        reverse()
        sort()

        转换
        join()
        **/  

        let colors2 = ["red", "green", "blue"];
        console.log(colors2.join(',')); // 将数组转换成字符串,返回的都是字符串 red,green,blue
        // 字符串的 split()方法是将 字符串转换成数组 和上面的join相反


        /**
         * 迭代
         * forEach
         * map
         * filter
         * some
         * every
         * */ 
        
    </script>
</body>
</html>